<template>
  <div>
    <h2 style="text-align:center">发布课程页面</h2>
    <el-steps :active="active" finish-status="success" simple style="margin-top: 20px">
      <el-step title="填写课程基本信息" />
      <el-step title="创建课程大纲" />
      <el-step title="发布课程" />
    </el-steps>

    <course-info v-if="active===0" />
    <chapter v-if="active===1" />
    <publish v-if="active===2" />
  </div>
</template>
<script>
/*
  在vue页面中引入子vue页面的步骤
  1、在当前页面中引入子页面
*/
import courseInfo from '@/views/course/components/courseInfo'
import chapter from '@/views/course/components/chapter'
import publish from '@/views/course/components/publish'
export default {
  components: {// 在vue对象注册子页面：在vue渲染范围内  如果使用注册子页面的名称 可以当作引入的页面使用
    courseInfo, chapter, publish
  },
  data() {
    return {
      active: 0
    }
  }
}
</script>
